<template>
<div class="container">
    <slot></slot>
</div>
</template>

<script lang='ts'>
import { defineComponent,ref } from 'vue'
export default defineComponent({
    name: '',
    props:{

    },
    setup(props){


        return {

        };
    }
})
</script>

<style lang='less' scoped>
    .container{
        width: 100%;
        height: 100vh;
        position: relative;
         min-width: 400px;
         overflow: hidden;


       &::before{
        content:"";
        z-index: -10000;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: -20px;
        background-image:  url('../assets/bg02.jpg');
        filter: blur(20px);

      }
    }
</style>